#editor {overflow:scroll;width:530px;height:280px;border-style: solid;border-width: 1px;border-radius:3px;}
*{padding:0;margin:0;}
body{width:600px;margin:2em auto;padding:0 2em;font-size:14px;font-family:"Microsoft YaHei";}
p{line-height:24px;margin:1em 0;}
header{padding:.5em 0;}
nav{float:left;font-family:"Microsoft YaHei";font-size:1.1em;text-transform:uppercase;margin-left:-12em;width:9em;text-align:right;padding-top: 50px;}
nav a{display:block;text-decoration:none;padding:.7em 1em;color:#000000;}
nav a:hover{background-color:#1589C9;color:#f9f9f9;-webkit-transition:color .2s linear;}
article{font-size:16px;padding-top:.5em;}
article h2 a{color:#000000;}
article a{color:#1589C9;text-decoration:none;}
article a:hover{color:#333333;text-decoration:underline;}
.info{font-size:14px;}
.lastpage a{float:left;text-decoration:none;padding:.5em 1em;color:#000000;font-weight:bold;}
.nextpage a{float:right;text-decoration:none;padding:.5em 1em;color:#000000;font-weight:bold;}
.lastpage a:hover,.nextpage a:hover{text-decoration:none;background-color:#1589C9;color:#f9f9f9;-webkit-transition:color .2s linear;}
.archive{list-style:none;line-height:28px;}
.archive h3{margin:0.5em 0;}
.archive time{float:left;font-size:14px;color:#999999;margin-right:1.2em;}
.tag{background-color:#1589C9;border-radius:3px;font-size:14px;color:#ffffff;display:inline-block;padding:0 5px;margin-bottom:8px;}
.tag:hover{text-decoration:none;background-color:#ffffff;color:#000000;-webkit-transition:color .2s linear;}
.search{border:0;width:6em;text-align:center;font-size:1em;margin:0.5em 0;}
.l_head{float:left;margin-left:-4em;box-shadow:0px 1px 4px #888;}
.r_head{float:right;margin-top:-2.5em;box-shadow:0px 1px 4px #888;}
.footer{text-align: center;}